import { View, Text, Image } from '@tarojs/components';

import ticketImg from '@/assets/images/user/icon/ticket.png'
import afterSaleImg from '@/assets/images/user/icon/aftersale.png'
import feedbackImg from '@/assets/images/user/icon/feedback.png'

import './style.scss';

/**
 * 自助服务
 * @returns
 */
const SelfService = () => {
  const list = [
    {
      imgurl: ticketImg,
      title: '发票中心'
    },
    {
      imgurl: afterSaleImg,
      title: '退款售后'
    },
    {
      imgurl: feedbackImg,
      title: '意见反馈'
    }
  ]
  return <View className='self-service-wrap'>
    <Text className='title'>自助服务</Text>
    <View className='service-list'>
      {
        list.map((item) => (
          <View className='service-item'>
            <Image src={item.imgurl} />
            <Text className='service-title'>{item.title}</Text>
          </View>
        ))
      }
    </View>
  </View>;
};
export default SelfService;
